<main-layout [sliderWidth]="sliderWidth" [ContentHide]="true" (toggle)="this.toggleCollapsed($event)">
  <main-slider>
    <div style="height:100%;">
      <ul nz-menu [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed" style="height:100%;" [style.overflow-y]="isCollapsed?'':'auto'"
        [style.overflow-x]="isCollapsed?'':'hidden'">
        <li class="special-menu-li" nz-submenu [(nzOpen)]="case.typeOpen" *ngFor="let case of displayService.list;let i = index"
          (click)="checkInfo(case.id,i);displayService.getCaseDetailList(case.id);">
          <span title class="special-menu">
            <img style="position: relative;left:-5px;top:-2px;" src="{{ 'assets/images/' + imageIcon[i] + '.png'  }}">
            <!--<i class="anticon anticon-appstore-o"></i>-->
            <span>{{ case.name }}</span>
            <i style="margin-left:10px;color:#1890FF" class="anticon anticon-plus-circle-o" [class.hidden]="isCollapsed" (click)="checkInfo(case.id,i);addInput($event,i)"></i>
          </span>
          <ul>
            <li style="text-align: center;" *ngIf="case.detailList && case.detailList.length === 0">
              <span style="font-size: 14px;">暂无数据</span>
            </li>
            <li [class.ant-menu-item-special]="item.id == displayService.id" nz-menu-item *ngFor="let item of case.detailList" style="padding-right:0;padding-left:0 !important;">
              <!--<img style="position: relative;left:-5px;top:-2px;" src="{{ 'assets/images/' + imageIcon[i] + '.png'  }}">-->
              <div [class.hidden]="item.edit" style="position: relative;">
                <nz-tag *ngIf="item.type === 'picture'" [nzColor]="'blue'" (click)="showCaseDetail($event,case.name,case.id,item.id,case.booth_number)">图片</nz-tag>
                <nz-tag *ngIf="item.type === 'product'" [nzColor]="'blue'" (click)="showCaseDetail($event,case.name,case.id,item.id,case.booth_number)">商品</nz-tag>
                <nz-tag *ngIf="item.type === 'activity'" [nzColor]="'blue'" (click)="showCaseDetail($event,case.name,case.id,item.id,case.booth_number)">活动</nz-tag>
                <nz-tag *ngIf="item.type === 'page'" [nzColor]="'blue'" (click)="showCaseDetail($event,case.name,case.id,item.id,case.booth_number)">页面</nz-tag>
                <div class="fr menu-item-btn" style="position: absolute;right: 0;top: 0;">
                  <i class="anticon anticon-edit" (click)="detailEdit($event,item,case.booth_number)"></i>
                  <i class="anticon anticon-delete" (click)="detailDel($event,item)"></i>
                </div>
                <span style="width:100%;height:100%;display: inline-block;" (click)="showCaseDetail($event,case.name,case.id,item.id,case.booth_number)">{{item.name}}</span>
              </div>
              <div (click)="stop($event)" #editInput style="margin-left: -40px;">
                <bx-input *ngIf="item.edit" (submit)="saveType(item)" bxmax="4" (bxBlur)="saveType(item)" style="width:146px;" bxplaceholder="请输入4个字"
                  [(inputvalue)]="item.typeValue"></bx-input>
              </div>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </main-slider>
  <main-content2>
    <router-outlet></router-outlet>
  </main-content2>
</main-layout>

